@charset "utf8";
/* 整页效果的统一 */
*{
	/* 字体、内外边距、列表、超链接、颜色 */
	font: 16px "微软雅黑";
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color: #9a9898;
	
	
	
}
/* 左右侧html结构一致，公共方案统一，定样式 */
/* 左侧内容 */
header div#wrapper div ul li{
	float: left;
	/* 超链接 ：垂直居中、右侧竖线、间距*/
	height: 43px;
}
header div#wrapper div ul li a{
   /* 超链接 ：垂直居中、右侧竖线、间距*/
	line-height: 43px;
	border-right: 1px solid #424242;
	/* 间隙：撑开-文字和竖线距离 */
    padding:0 5px;
}
header div#wrapper div ul li a:hover{
	color: #fff;
}
/* ---------------------------产品模块--------------------------------------- */
*{
/* 定义列表有外边距 */
    padding: 0;
    margin: 0;
}
/* 容器container_star */
main div.container_star{
	width: 1224px;
	height: 360px;
	back ground: #00aaff;
	margin: 1px 103px;
	}
main div.container_star dl{
    width: 230px;
	height: 360px;
	background: #fafafa;
	/* rgba(红，绿，蓝，透明度) */
	border-top: 1px solid ;
	float: left;
	text-align: center;
}
/* 容器：图片，三行文本 */
main div.container_star dl dt img{
	margin: 60px auto;
}
main div.container_star dl dd.product_name{
	color: #000;
	font-size: 16px;
	line-height: 40px;
}
/* 容器：文本，第二三行 */
main div.container_star dl dd.product_content{
	color: #afafaf;
	font-size: 14px;
	line-height: 15px;
}
main div.container_star dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
	line-height: 40px;
}
main div#two {
	width: 100%;
	height: 4270px;
	background:#f5f5f5;
}
main div#two div.intelligent_hardware {
	height: 614px;
	width: 1224px;
	margin: 0 auto;
}
main div#two div#match h1{
	font-size: 24px;
	float: left;
	position: relative;
	color: #000;
	bottom: -35px;
}
main div#two div#match ul li{
	float: right;
	position: relative;
	bottom:-35px ;
	padding:12px ;
}
main div#two div#match ul li:hover{
	height: 15px;
	border-bottom: 2px solid #ff6700;
	color: #ff6700;
}
main div#two div#six div.seven{
	width: 1224px;
	height: 307px;
}
main div#two div#six div.seven dl{
	width: 229px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left:19.7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#six div.seven dl.eight{
	margin-left: 0;
}
main div#two div#six div.seven dl dd{
	bottom: -170px;
	position: relative;
}
main div#two div#six div.seven dl dd.c1{
	color: #000;
	font-size: 16px;
	line-height:15px ;
}
main div#two div#six div.seven dl dd.c2{
	color: #afafaf;
	font-size: 14px;
	line-height:14px ;
}
main div#two div#six div.seven dl dd.c3{
	color: #ff6709;
	font-size: 14px;
}
main div#two div#six div.seven dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#nine{
	width: 1224px;
	height: 614px;
	margin: 0 auto;
}
main div#two div#nine div.zs{
	width: 1224px;
	height: 307px;
}
main div#two div#nine div.zs dl{
	width: 229px;
	height: 300px;
	background: #fff;
	float: left;
	margin-left:19.7px;
	margin-top: 7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#nine div.zs dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#nine div.zxa dl{
	width: 229px;
	height: 300px;
	background: #fff;
	float: left;
	margin-left:19.7px;
	margin-top: 7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#book dl dd.db{
	width: 200px;
    font-size: 12px;
	color: #b0bac7;
	line-height: 20px;
	margin-left: 45px;
	margin-top: 70px;
}
main div#two div#book dl:hover{
    box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#sixteen dl{
    width:296px ;
	height: 300px;
	margin-left: 13px;
	background: #fff;
	text-align: center;
	float: left;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#sixteen dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
